Win7 搭建NodeJs、Vue2、Vue3，基于 vue

您所在的位置：网站首页 › nodejs win7 最高版本 › Win7 搭建NodeJs、Vue2、Vue3，基于 vue

Win7 搭建NodeJs、Vue2、Vue3，基于 vue

2023-10-13 01:40| 来源: 网络整理| 查看: 265

Win7 搭建NodeJs、Vue2、Vue3，基于 vue-cli 创建建vue工程及相关问题解决思路安装NodeJsNodeJs 相关配置安装vue和vue脚手架安装 webpack 打包工具基于 vue-cli 构建 vue3 工程问题问题一：安装vue脚手架，遇到Cannot find module ‘fs/promises’ 问题问题二：NodeJs 版本与 Vue3 不匹配的情况问题三：Vue3 工程启动异常 errno 3221225477

安装NodeJs

Win7 支持的 NodeJs 最高版本为 13.14.0，下载是去历史版本中寻找。下载地址：https://nodejs.org/zh-cn/download/releases/ 安装 next 安装完成，使用默认安装目录：C:\Program Files\nodejs。在这里插入图片描述

NodeJs 相关配置

nodejs 文件夹下新建 node_cache （缓存）和 node_global （全局文件夹）。

cmd执行命令：

npm config set cache "C:\Program Files\nodejs\node_cache" npm config set prefix "C:\Program Files\nodejs\node_global"

配置 nodejs 环境变量

用户变量：修改PATH为 C:\Program Files\nodejs\node_global系统变量：新建NODE_PATH 为 C:\Program Files\nodejs系统变量：修改Path，在原先nodejs路径后面修改为 C:\Program Files\nodejs;C:\Program Files\nodejs\node_modules

安装 cnpm

npm install [email protected] -g # 查看cnpm版本 cnpm -v

更换为淘宝镜像

npm config set registry=https://registry.npm.taobao.org # 查看镜像 npm config get registry 安装vue和vue脚手架

cnpm install vue -g cnpm install vue-cli -g

cnpm install vue -g cnpm install -g @vue/cli

查看版本

# 查看vue版本 vue -V vue --version 安装 webpack 打包工具使用 npm 安装 webpacknpm install -g webpack

在这里插入图片描述

基于 vue-cli 构建 vue3 工程

执行命令 vue create 项目工程名

vue create vue3-hello

选择Vue3即可

Vue CLI v5.0.8 ? Please pick a preset: Default

等待构建，出现 Successfully 即成功在这里插入图片描述

进入工程目录，启动项目在这里插入图片描述

访问vue项目在这里插入图片描述

问题问题一：安装vue脚手架，遇到Cannot find module ‘fs/promises’ 问题

在这里插入图片描述查看 cnpm 的版本是否 >=8.2.0，高版本的cnpm无法在 13.14.0 的node 版本下使用，使用命令将 cnpm 降低版本即可。

# 查看cnmp版本 cnpm -v # 首先卸载 cnpm npm uninstall -g cnpm # 安装指定版本 cnpm npm install [email protected] -g 问题二：NodeJs 版本与 Vue3 不匹配的情况

在这里插入图片描述由于开头选择的是 Win7 系统下最高版本 13.14.0 的 NodeJs，出现上述 NodeJs 版本与 Vue3 不匹配导致的情况，提示信息里描述将 NodeJs 降到 12.0.0 或者提升到 14.0.0 及以上版本即可。

问题三：Vue3 工程启动异常 errno 3221225477

执行 npm run serve 启动项目时，报错如下：

... 18 verbose node v12.0.0 19 verbose npm v6.9.0 20 error code ELIFECYCLE 21 error errno 3221225477 22 error [email protected] serve: `vue-cli-service serve` 22 error Exit status 3221225477 23 error Failed at the [email protected] serve script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 3221225477, true ]

NodeJs 不稳定的原因导致，NodeJs 版本从12.0.0改成12.1.0就没问题。

【本文地址】

Win7 搭建NodeJs、Vue2、Vue3，基于 vue

Win7 搭建NodeJs、Vue2、Vue3，基于 vue

今日新闻

推荐新闻